<template>
	<view>
		<view style="margin: 30rpx 0;" v-if="data.EditInfo.OldName">
			<view class="record-title">名称</view>
			<view class="record-cell grey">
				<view class="blank">原名称</view>
				<view>{{data.EditInfo.OldName}}</view>
			</view>
			<view class="record-cell blank no-border">
				<view>变更名称</view>
				<view>{{data.EditInfo.NewName}}</view>
			</view>
		</view>
		<view style="margin: 30rpx 0;" v-if="data.EditInfo.OldType">
			<view class="record-title">类型</view>
			<view class="record-cell grey">
				<view class="blank">原类型</view>
				<view>{{data.EditInfo.OldType}}</view>
			</view>
			<view class="record-cell blank no-border">
				<view>变更类型</view>
				<view>{{data.EditInfo.NewType}}</view>
			</view>
		</view>
		<view style="margin: 30rpx 0;" v-if="data.EditInfo.ImgDescribe">
			<view class="record-title">图片</view>
			<view class="record-cell blank">{{data.EditInfo.ImgDescribe}}</view>
		</view>
		<view style="margin: 30rpx 0;" v-if="data.EditInfo.OldDescribe || data.EditInfo.NewDescribe">
			<view class="record-title">描述</view>
			<view class="record-cell grey no-border">
				<view class="blank">原描述</view>
				<view style="text-overflow: clip;overflow: visible;white-space: normal;word-break:break-all;">{{data.EditInfo.OldDescribe}}</view>
			</view>
			<view class="record-cell blank no-border">
				<view>变更描述</view>
				<view style="text-overflow: clip;overflow: visible;white-space: normal;word-break:break-all;">{{data.EditInfo.NewDescribe}}</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: ['data'],
		data() {
			return {
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.record-title {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		font-size: 36rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 600;
		color: #2A2A2A;
		padding: 10rpx 40rpx;
		background-color: #FFFFFF;
	}
	.record-cell {
		width: 100%;
		min-height: 80rpx;
		font-size: 28rpx;
		padding: 10rpx 40rpx;
		
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
		display: flex;
		flex-wrap: wrap;
		background-color: #FFFFFF;
		:nth-child(1) {
			width: 25%;
			border-bottom: 2rpx solid #ECECF0;
		}
		:nth-child(2) {
			width: 75%;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			border-bottom: 2rpx solid #ECECF0;
		}
	}
	.no-border {
		view {
			border-bottom: none !important;
		}
	}
	.grey {color: #999999;}
	.blank {color: #000000;font-weight: 500;}
</style>
